<div id="smartstream_max_view" class="wp_mt_10 wp_mb_10">
    <table>
        <tr><td width="55px"></td> <td width="530px"></td> <td width="148px"></td> <td width="10px"></td> </tr>
        <tr>
            <!--head thumbnail, title, tags-->
            <td rowspan="5">
                <span class="ss_topic_hand" data-bind="click: onTitleClick,attr:{id:getTopicImgId}">
                    <!--<i class="main_documents_g_20_20 ibtn wp_ml_25 wp_mt_5"></i>-->
                    <img class="wp_w_20 wp_h_20 ibtn wp_ml_25 wp_mt_5" data-bind="attr:{src:getEntityImageUrl}" onerror="onDefaultThumbnailWanted(this, 'i')" />
                </span>
            </td>
            <td colspan="2">
                <p class="wp_w_680 left wp_fz_14 ss_lh_17 wp_mb_5 text-overflow" style="font-weight: bold;" ><span class="ss_topic_hand" data-bind="click: onTitleClick,text: NotificationTitle,attr:{id:getTitleId,title:NotificationTitle}"></span></p>
            </td>
            <td>
                <i class="main_smartstream_p_8_8 wp_mt_3 ibtn" style="display:none;"></i>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <p class="left wp_fz_12 ss_tag_a wp_mb_3" style="word-wrap: break-word;word-break: break-all;" data-bind="text: getTags"></p>
            </td>
        </tr>
        <tr>
            <!--text-->
            <td colspan="3">
                <p class="wp_fz_12 wp_mb_5" style="word-wrap:break-word; ">
                    #if(data.AdditionalData){#
                        <span data-bind="html:AdditionalData"></span>
                    #} else {#
                        <span class="ss_topic_hand" data-bind="click: onTextClick,text: NotificationText,attr:{id:getTextId}"></span>
                    #}#
                </p>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <!--<div data-bind="visible: hasAttachment,html: genAttachment"></div>-->
                <!--here is attachments table: 2 x 4-->
                <table data-bind="visible: hasAttachment,html: genAttachment"></table>
            </td>
        </tr>
        <tr>
            <td colspan="3" class="wp_fz_12">
                <!--fromXX -> toXX   and buttons-->
                <table class="left wp_w_688">
                    <tr>
                        <td class="left">
                            <img data-bind="attr: {src: FromImageUrl},click:onFromNameClick"  class=" left wp_h_15 wp_w_15 ss_topic_hand"  onerror="onDefaultThumbnailWanted(this, 'u')" />
                        </td>
                        <td class="left" style="max-width: 150px;">
                            <p class="left wp_ml_5 text-overflow ss_topic_hand" title="#:FromName#" data-bind="text: FromName,click:onFromNameClick" style="max-width: 150px;"></p>
                        </td>
                        <td class="left">
                            <i class="left main_calendar_x_8_3 wp_ml_10 wp_mt_5"></i>
                        </td>
                        <td class="left">
                            <img data-bind="attr: {src: ToImageUrl},click:onToNameClick" class=" left wp_h_15 wp_w_15 wp_ml_10 ss_topic_hand"  onerror="onDefaultThumbnailWanted(this, '#=NotificationType#')" />
                        </td>
                        <td class="left" style="max-width: 150px;">
                            <p class="left wp_ml_5 text-overflow ss_topic_hand" title="#:ToName#" data-bind="text: ToName,click:onToNameClick" style="max-width: 150px;"></p>
                        </td>
                        <td class="right wp_w_330">
                            <div class="wp_mr_30 wp_w_330">
                                <div class="left wp_w_16 wp_h_16">
                                    <div class="ss_delete_color ss_topic_hand " data-bind="visible: EnableDelete,click: onDeleteClick,attr:{id:getDeleteId}" title="Delete">
                                        <span><i class="main_calendar_p_10_10" style="margin-top: 2px;"></i></span>
                                    </div>
                                </div>
                                <div class="left wp_w_95 wp_h_16 wp_ml_20">
                                    <span class="left" data-bind="text: calDays"></span><a class="right "><i data-bind="attr: {class: isSubscribedClass, title: getSubscribeTitle,id:getSubscribeId} click: onSubscribeClick" class="ss_topic_hand main_smartstream_n_8_8" style="margin-top: 2px;"></i></a>
                                </div>
                                <div class="left wp_ml_20 smartstream_replay_btn ss_topic_hand" data-bind="click: onCommentClick,attr:{id:getCommentId}" title="Reply">
                                    <i data-bind="attr: {class: isCommentedClass}" class="main_smartstream_v_8_8" style="margin-top: 2px;"></i>(<span data-bind="text: CommentCount"></span>)
                                </div>
                                <div class="left wp_ml_20  " title="Bookmark">
                                    <i data-bind="attr: {class:isBookMarkedClass,id:getBookmarkId },click: onBookMarkClick" style="margin-top: 2px;"></i>
                                </div>
                                <div class="left wp_ml_20 wp_w_16 wp_h_16 " title="Share via Email">
                                    <a class="ss_topic_hand" data-bind="attr:{href:getMailhref}">
                                        <i data-bind="attr: {id:getShareId }" class="ss_topic_hand main_calendar_v_8_8" style="margin-top: 2px;"></i>
                                    </a>
                                </div>
                                <div class="left wp_ml_20">
                                    <a class="ss_topic_hand" data-bind="attr:{title:isLikedTitle}"><i  data-bind="attr: {class: isLikedClass,id:getLikeId},click: onLikeClick" style="margin-top: 2px;"></i></a>(<span  data-bind="click:onLikeCountClick,text:LikesCount,attr:{id:getLiekCountId,class:isHasHandClass}"></span>)
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="display:none;" class="smartstream_replay_lists">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo, atque, qui, aut quasi sint tenetur odio error voluptatibus reprehenderit dolor velit fugit eveniet commodi placeat eos a quia voluptatem dignissimos.
            </td>
        </tr>
    </table>
</div>
